<?xml version="1.0" encoding="UTF-8"?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns="http://www.w3.org/1999/xhtml" version="2.1">
	<jsp:directive.page contentType="text/html; charset=UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	<jsp:output omit-xml-declaration="false" doctype-root-element="HTML"
		doctype-system="about:legacy-compat" />
<html>
<head>
<link rel="shortcut icon" href="${pageContext.request.contextPath }/img/favicon.png" />
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath }/js/cookies/verCookies.js">
<!-- a -->
	
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>Ikex</title>

<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/estilos.css"
	type="text/css" media="screen" charset="utf-8" />

<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/menuLateral.css"
	type="text/css" media="screen" charset="utf-8" />

<link
	href="${pageContext.request.contextPath }/js/calendario_dw/calendario_dw-estilos.css"
	type="text/css" rel="STYLESHEET" />

<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/calendario_dw/jquery-1.4.4.min.js">
<!-- A -->
	
</script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/calendario_dw/calendario_dw.js">
<!-- A -->
	
</script>
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath }/js/login/login.js">
<!-- a -->
	
</script>


<script type="text/javascript">
	$(document).ready(function() {
		$(".campofecha").calendarioDW();
	})
	
	function mostrarUsuario() {
		var div = document.getElementById("nuevoUsuario");
		div.setAttribute("style","display:block;");
		
		div = document.getElementById("pedidos");
		div.setAttribute("style","display:none;");
	}
	function mostrarPedidos() {
		
		var div = document.getElementById("pedidos");
		div.setAttribute("style","display:block;");
		
		div = document.getElementById("nuevoUsuario");
		div.setAttribute("style","display:none;");
	} 
</script>

<meta name="description" content="" />
<meta name="author" content="Emilio Javier Castillo Gonzalez" />

</head>


<body>
	<jsp:useBean id="clienteBean" class="es.ikex.beans.ClienteBean"
		scope="session" />
	<c:import url="${pageContext.request.pathInfo}/jsp/menuLateral.jsp" />
	<c:import url="${pageContext.request.pathInfo}/jsp/cabecera.jsp" />
	<div id="contenedor">
		<div id="contenido" style="padding: 0px;">
			<div id="centro" style="margin: 0px; width: 100%">
				<div id="izquierda" class="flecha" onclick="mostrarUsuario()">
					<p>Datos usuario</p>
				</div>

				<div id="derecha" class="flecha" onclick="mostrarPedidos()">
					<p>Pedidos realizados</p>
				</div>

				<div style="clear: both; padding: 10px;">
					<div id="nuevoUsuario">
						<p>
						<h2>Datos de Usuario:</h2>
						<br />
						<form action="../Controlador/procesarRegistro.jsp" method="post"
							accept-charset="UTF-8">
							<table>
								<tr>
									<td><label for="usuario">Usuario</label></td>

									<td><input type="text" name="usuario" id="usuario"
										value="${clienteBean.usuario}" readonly="readonly" tabindex="1" /></td>

									<td><label for="nombre">Nombre</label></td>
									<c:if test="${clienteBean.nombre!=null}">
										<c:set var="valor" value="${clienteBean.nombre}" />
									</c:if>

									<td><input type="text" name="nombre" id="nombre"
										value="${valor}" tabindex="5" /></td>
								</tr>

								<tr>
									<td><label for="clave">Contraseña</label></td>


									<td><input type="password" name="clave" id="clave"
										tabindex="2" /></td>

									<td><label for="apellidos">Apellidos</label></td>
									<c:if test="${clienteBean.apellidos!=null}">

										<c:set var="valor" value="${clienteBean.apellidos}" />
									</c:if>

									<td><input type="text" name="apellidos" id="apellidos"
										value="${valor}" tabindex="6" /></td>
								</tr>

								<tr>
									<td><label for="clave1">Confirmar contraseña</label></td>


									<td><input type="password" name="clave1" id="clave1"
										tabindex="3" /></td>

									<td><label for="nifNie">Dni</label></td>
									<c:if test="${clienteBean.nifNie!=null}">

										<c:set var="valor" value="${clienteBean.nifNie}" />
									</c:if>

									<td><input type="text" name="nifNie" id="nifNie"
										value="${valor}" tabindex="7" /></td>

								</tr>

								<tr>
									<td><label for="direccion">Direccion</label></td>
									<c:if test="${clienteBean.direccion!=null}">
										<c:set var="valor" value="${clienteBean.direccion}" />
									</c:if>

									<td><input type="text" name="direccion" id="direccion"
										value="${valor}" tabindex="4" /></td>

									<td><label for="telefono">Telefono</label></td>
									<c:if test="${clienteBean.telefono!=null}">
										<c:set var="valor" value="${clienteBean.telefono}" />
									</c:if>

									<td><input type="text" name="telefono" id="telefono"
										value="${valor}" tabindex="8" /></td>
								</tr>



								<tr>
									<td><label for="fechaNacimiento">Fecha de
											nacimiento</label></td>

									<c:set var="valor" value="${clienteBean.fechaNacimiento}" />


									<td><input id="fechaNacimiento" type="text"
										name="fechaNacimiento" readonly="readonly" class="campofecha"
										size="16" value="${valor}" tabindex="9" /></td>

									<td><label for="correo">Correo electronico</label></td>

									<td><input id="correo" type="text" name="correo"
										value="${clienteBean.correo}" tabindex="10" /></td>
								</tr>

								<tr>
									<td><label for="codigoPostal">Codigo postal</label></td>
									<td><input id="codigoPostal" type="text"
										name="codigoPostal" value="${clienteBean.codigoPostal}"
										tabindex="11" /></td>
								</tr>

								<tr>
									<td></td>
									<td><input type="submit" name="modificar" id="modificar"
										value="Modificar usuario" tabindex="12" /></td>
								</tr>
							</table>
							<input type="hidden" name="codigo" value="${clienteBean.codigo }" />
						</form>
						</p>
					</div>

					<div id="pedidos" style="display: none;">
						<jsp:useBean id="pedidosBean" class="es.ikex.beans.PedidosBean"
							scope="session" />
						<jsp:setProperty property="codigo" name="pedidosBean"
							value="${clienteBean.codigo}" />
							
						
						<table id="tablaCarrito">
							<c:forEach items="${pedidosBean.pedidos}" var="p" varStatus="a">
								<c:if test="${a.index == 0}">
									<th>Pedidos que ha realizado</th>
									<tr>
										<td class="blanco">Fecha</td>
										<td class="blanco">Estado del pedido</td>
										<td class="blanco">Direccion</td>
										<td class="blanco">Codigo postal</td>
										<td class="blanco">Precio</td>
									</tr>
									<c:set var="pedido" value="" />
								</c:if>

								<tr>
									<td>${p.fecha }</td>
									<td>${p.descripcion}</td>
									<td>${p.direccion}</td>
									<td>${p.codigoPostal}</td>
									<td>${p.precio}</td>
								</tr>
							</c:forEach>
						</table>
					<c:out value="${pedido }" default="No has realizado ningun pedido" />
					</div>
				</div>
			</div>
			<div id="der"></div>
		</div>
	</div>

</body>
</html>
</jsp:root>
